/**
 * UCSC Xena Client
 * http://xena.ucsc.edu
 *
 * Rules necessary for styling crosshair component.
 */

.crosshairs {
	pointer-events: none;
	position: relative;
	user-select: none;
	-webkit-touch-callout: none;
	z-index: 999999;
}

.crosshair {
	pointer-events: none;
	user-select: none;
	-webkit-touch-callout: none;
	z-index: 999999;
}

/* Crosshair */
.inspectCrosshair {
	background-image: url('./dots.gif');
}

/* Horizontal crosshair */
.crosshairH {
	height: 1px;
	left: 0;
	position: fixed;
	width: 100%;
}

/* Vertical crosshair */
.crosshairV {
	position: absolute;
	width: 1px;
}

/* Horizontal zoom crosshair */
.zoomCrosshairH {
	background-image: url('./zoomDots.png');
	height: 1px;
	left: 0;
	position: fixed;
	width: 100%;
}

/* Vertical zoom crosshair */
.zoomCrosshairV {
	background-image: url('./zoomDots.png');
	position: fixed;
	top: 0;
	width: 1px;
}

/* Zoom target */
.crosshairTarget {
	border: 1px dashed rgba(0, 0, 0, 0.87);
	border-radius: 50%;
	height: 13px;
	left: 0;
	position: fixed;
	top: 0;
	width: 13px;
}
